<!DOCTYPE html>
<html>
<head>
	<title>天天读吧</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta content="telephone=no" name="format-detection" /> 
    <meta content="email=no" name="format-detection" />
	<link rel="stylesheet" type="text/css" href="css/aui.css">
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		.classtype_ul{
			width:100%;
			display: inline;
			white-space: nowrap;
			overflow-x:scroll;
			float:left;
			overflow-y:hidden;
			background-color: #fff;
			border-top: 1px solid #dedede;
			height: 40px;
		}
		.classtype_ul li{
			display:inline-block;
			padding:0px 15px;
			line-height: 38px;
		}
	</style>
</head>
<body>
	<header class="aui-bar aui-bar-nav aui-bar-light">
	    <a class="aui-pull-left aui-btn">
	        <i class="aui-iconfont aui-icon-my"></i>
	    </a>
    	<div class="aui-title">天天读吧</div>
    	<a class="aui-pull-right aui-btn">
	        <span class="aui-iconfont aui-icon-search"></span>
	    </a>
	</header>
	<div class="aui-content classtype">
		<ul class="classtype_ul">
			<li>文学</li>
			<li>文学</li>
			<li>文学</li>
			<li>文学</li>
			<li>文学</li>
			<li>文学</li>
			<li>文学</li>
			<div class="clear"></div>
		</ul>
	</div>
	<div class="aui-content aui-margin-t-10">
		<ul class="aui-list aui-media-list">
		    <li class="aui-list-item">
	            <div class="aui-media-list-item-inner">
	                <div class="aui-list-item-media">
	                    <img src="img/1.jpg">
	                </div>
	                <div class="aui-list-item-inner">
	                    <div class="aui-list-item-text">
	                        <div class="aui-list-item-title">一念永恒</div>
	                    </div>
	                    <div class="aui-list-item-text">
	                        作者：耳根
	                    </div>
	                    <div class="aui-list-item-text">
	                        一念成沧海，一念化桑田。一念斩千魔，一念诛万仙。唯我念……永恒
	                    </div>  
	                </div>
	            </div>
        	</li>
        	 <li class="aui-list-item">
	            <div class="aui-media-list-item-inner">
	                <div class="aui-list-item-media">
	                    <img src="img/1.jpg">
	                </div>
	                <div class="aui-list-item-inner">
	                    <div class="aui-list-item-text">
	                        <div class="aui-list-item-title">一念永恒</div>
	                    </div>
	                    <div class="aui-list-item-text">
	                        作者：耳根
	                    </div>
	                    <div class="aui-list-item-text">
	                        一念成沧海，一念化桑田。一念斩千魔，一念诛万仙。唯我念……永恒
	                    </div>  
	                </div>
	            </div>
        	</li>
        	 <li class="aui-list-item">
	            <div class="aui-media-list-item-inner">
	                <div class="aui-list-item-media">
	                    <img src="img/1.jpg">
	                </div>
	                <div class="aui-list-item-inner">
	                    <div class="aui-list-item-text">
	                        <div class="aui-list-item-title">一念永恒</div>
	                    </div>
	                    <div class="aui-list-item-text">
	                        作者：耳根
	                    </div>
	                    <div class="aui-list-item-text">
	                        一念成沧海，一念化桑田。一念斩千魔，一念诛万仙。唯我念……永恒
	                    </div>  
	                </div>
	            </div>
        	</li>
        	 <li class="aui-list-item">
	            <div class="aui-media-list-item-inner">
	                <div class="aui-list-item-media">
	                    <img src="img/1.jpg">
	                </div>
	                <div class="aui-list-item-inner">
	                    <div class="aui-list-item-text">
	                        <div class="aui-list-item-title">一念永恒</div>
	                    </div>
	                    <div class="aui-list-item-text">
	                        作者：耳根
	                    </div>
	                    <div class="aui-list-item-text">
	                        一念成沧海，一念化桑田。一念斩千魔，一念诛万仙。唯我念……永恒
	                    </div>  
	                </div>
	            </div>
        	</li>
        	 <li class="aui-list-item">
	            <div class="aui-media-list-item-inner">
	                <div class="aui-list-item-media">
	                    <img src="img/1.jpg">
	                </div>
	                <div class="aui-list-item-inner">
	                    <div class="aui-list-item-text">
	                        <div class="aui-list-item-title">一念永恒</div>
	                    </div>
	                    <div class="aui-list-item-text">
	                        作者：耳根
	                    </div>
	                    <div class="aui-list-item-text">
	                        一念成沧海，一念化桑田。一念斩千魔，一念诛万仙。唯我念……永恒
	                    </div>  
	                </div>
	            </div>
        	</li>
		</ul>
	</div>
</body>
</html>